<script setup lang="ts">
import { NConfigProvider, NLoadingBarProvider } from 'naive-ui'
import { zhCN, dateZhCN } from 'naive-ui'
import { darkTheme } from 'naive-ui'
import TopLoading from './components/loadingBar/TopLoading.vue'
import HomeLayout from './layouts/HomeLayout.vue'
import TestLayout from './layouts/TestLayout.vue'
import type { GlobalThemeOverrides } from 'naive-ui'


const themeOverrides: GlobalThemeOverrides = {
  common: {
    bodyColor: '#f1f1f1',
    cardColor: '#ffffff',
    modalColor: '#ffffff'
  },
  Layout: {
    color: '#f0f0f0',
    siderColor: '#f8f8f8',
    siderBorderColor: '#e0e0e0',
    headerColor: '#ffffff'
  }
}
</script>

<template>
  <n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme-overrides="themeOverrides">
    <n-message-provider>
      <n-loading-bar-provider>
        <TopLoading></TopLoading>
        <HomeLayout />
        <!-- <TestLayout /> -->
      </n-loading-bar-provider>
    </n-message-provider>
  </n-config-provider>
</template>
